<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.springframework.org/schema/mvc">
<body>
    <div th:fragment="companyInfo">
        <div class="agileits-w3layouts-footer">
            <div class="container">
                <div class="col-md-4 w3-agile-grid">
                    <h5>关于我们</h5>
                    <p th:text="${company.introduce}"></p>
                    <div class="footer-agileinfo-social">
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-rss"></i></a></li>
                            <li><a href="#"><i class="fa fa-vk"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4 w3-agile-grid">
                    <h5>最近事件</h5>
                    <div class="w3ls-post-grids">
                        <div th:each="event:${events}" class="w3ls-post-grid">
                            <div class="w3ls-post-img">
                                <a href="#"><img th:src="@{${event.headImage.location}}" alt=""/></a>
                            </div>
                            <div class="w3ls-post-info">
                                <h6><a href="#" data-toggle="modal" th:attr="data-target=|#${event.id}|" th:text="${event.title}"></a></h6>
                                <p th:text="${#dates.format(event.createTime, 'yyyy-MM-dd')}">Sept 24,2017</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 w3-agile-grid">
                    <h5>联系方式</h5>
                    <div class="w3-address">
                        <div class="w3-address-grid">
                            <div class="w3-address-left">
                                <i class="fa fa-phone" aria-hidden="true"></i>
                            </div>
                            <div class="w3-address-right">
                                <h6>电话</h6>
                                <p th:text="${company.phone2}"></p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="w3-address-grid">
                            <div class="w3-address-left">
                                <i class="fa fa-envelope" aria-hidden="true"></i>
                            </div>
                            <div class="w3-address-right">
                                <h6>电子邮箱</h6>
                                <p>Email :<a th:href="|mailto:${company.mail}|" th:text="${company.mail}"> mail@example.com</a></p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="w3-address-grid">
                            <div class="w3-address-left">
                                <i class="fa fa-map-marker" aria-hidden="true"></i>
                            </div>
                            <div class="w3-address-right">
                                <h6>公司地址</h6>
                                <p>
                                    <span th:text="${company.address}"></span>
                                    <span th:text="|Telephone : ${company.phone1}|"></span>
                                </p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div th:include="embed/beian::beian"></div>
    </div>
</body>
</html>